@import url(../../assets/less/image.less);
@media screen {
  .docwrap {
    &.login {
      .global-bg;
      background-size: cover;
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      .login-wrap {
        background: #fff;
        .login-bg;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: -20px center;
        height: 400px;
        padding-left: 380px;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 200px;
        .form {
          padding: 32px 40px;
          background: white;
          height: 100%;
          width: 320px;
          .ant-input {
            padding-left: 32px;
          }
          .captcha-wrap {
            display: flex;
            width: 240px;
            input {
              width: 96px;
            }
            img {
              height: 32px;
            }
          }
          .ant-btn {
            width: 100%;
          }
        }
        .logo {
          width: 64px;
          height: 94px;
          overflow: hidden;
          margin: 0 auto 20px;
          .logo;
          background-size: contain;
          background-position: center 30px;
          background-repeat: no-repeat;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
  @media (max-width: 900px) {
    .login-wrap {
      padding-left: 0 !important;
      background-image: none !important;
    }
  }
}
